/*
Punchit -- A simple timer of accumulated time (survives restarts).
Copyright (c) 2006 D. Robert Adams

This program is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License
as published by the Free Software Foundation; either version 2
of the License, or any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
*/

/* Default stuff */
body {
	margin: 0;
  font: 10px "Lucida Grande";
  color: white;
}

p {
  margin: 0;
  padding: 0;
}

#front { 
    display:block; 
} 

#back { 
    display:none; 
} 

/****************************************************************************
 * Front Page Style
 ****************************************************************************/
 
/* The background image starts in the upper-left corner. */
.backgroundImage {
	position: absolute; top: 0px; left: 0px;
}

/* Elapsed time text. */
.elapsedTime {
	font: 12px "Lucida Grande";
	font-weight: bold;
	color: white;
	position: absolute; top: 3px; left: 2px;
}

/* The button that says "Start". */
.startButton {
	font: 14px bold "Lucida Grande";
  position: absolute; top: 1px; left: 60px;
}

/* The button that says "Stop". */
.stopButton {
	font: 14px bold "Lucida Grande";
  position: absolute; top: 1px; left: 80px;
}

/* The button that says "Reset". */
.resetButton {
	font: 14px bold "Lucida Grande";
  position: absolute; top: 1px; left: 103px;
}

/* This is all the stuff for the "i" button. */
.flip {
	position:absolute;
	top: 0px;
	left: 135px;
	width:13px;
	height:13px;
}

#flip {
	opacity:0; /* initially invisible until a mouseover in the widget */
	background: url('file:///System/Library/WidgetResources/ibutton/white_i.png') no-repeat top left;
	z-index:8000;
}

#fliprollie {
	display:none;
	opacity:0.25;
	background: url('file:///System/Library/WidgetResources/ibutton/white_rollie.png') no-repeat top left;
	z-index:7999;
}

/****************************************************************************
 * Back Page Style
 ****************************************************************************/
 
/* The text-area for adding time. */
#addBox {
   font: 10px "Lucida Grande";
   color: black;
   width: 50px;
  position: absolute; top: 1px; left: 1px;
}
/* The button for adding time. */
#addButton {
	font: 14px bold "Lucida Grande";
  position: absolute; top: 0px; left: 50px;
}

.doneButton {
  position: absolute; top: 0px; right: 1px;
}

